<template>
	<Transition :name="transName" mode="out-in" appear>
		<slot></slot>
	</Transition>
</template>

<script setup lang="ts">
import { IProjectSetting } from '@/core/interface/app/i-project-setting';
import { ref } from 'vue';
const transName = ref<string>('');

const projectSetting: IProjectSetting = App.getProjectSetting();
const enableTransition = projectSetting.transitionSetting.enable;
if (enableTransition) {
	transName.value = projectSetting.transitionSetting.basicTransition;
}
</script>
